<template>
  <div class="home_re_item">
    <ListItem :foodItem="foodItem"/>
  </div>
</template>

<script>
import ListItem from "../../../components/listItem/ListItem";
export default {
  name: "RecommendListItem",
  props: ["foodItem"],
  components: { ListItem },
};
</script>

<style scoped>
.home_re_item {
  overflow: hidden;
  border-radius: 0.5rem;
  box-shadow: 0px 0px 2px 0px #969799;
  width: 100%;
  margin: 0.4rem 0;
}
</style>
